.goog-splitpane {
	height: 200px;
	width: 300px;
}

.goog-splitpane-handle {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background: #ccc;
	position: absolute;
}

.goog-splitpane-handle-horizontal {
	cursor: col-resize;
}

.goog-splitpane-handle-vertical {
	cursor: row-resize;
}

.goog-splitpane-first-container, .goog-splitpane-second-container {
	border: 1px solid black;
	overflow: auto;
	position: absolute;
}

/* The rest of these styles are for the splitpane demo, splitpane.html */

/* Example of styling a particular handle */
#another-splitpane .goog-splitpane-handle {
	background: gray;
}

/* The following styles are for the rating widget, which is used in the splipane
 example.  These have nothing to do with the splitpane! */
.goog-ratings {
	display: block;
	float: left;
	height: 20px;
	height: 20px;
}

.goog-ratings-star {
	display: block;
	float: left;
	padding-left: 13px;
	height: 19px;
	cursor: pointer;
	background-image: url('../images/ratingstars.gif');
	background-repeat: no-repeat;
}

.goog-ratings-firststar-off {
	padding-left: 20px;
	background-position: 0px 0px;
}

.goog-ratings-firststar-on {
	padding-left: 20px;
	background-position: 0px -20px;
}

.goog-ratings-midstar-off {
	background-position: 0px -40px;
}

.goog-ratings-midstar-on {
	background-position: 0px -60px;
}

.goog-ratings-laststar-off {
	padding-left: 18px;
	background-position: 0px -80px;
}

.goog-ratings-laststar-on {
	padding-left: 18px;
	background-position: 0px -100px;
}